<!doctype html>
<html>
<head>
<meta charset="utf-8">
	   
<title>Kyle的个人简历</title>
	<style>
		img{width:100%;}
		body{background:url(img/background.png);background-repeat:repeat;}
	
		.leftbox{width:30%;height: 875px; background:white;margin-left: 1%;margin-top: 1%;float: left;border: 2px solid #DADADA;border-radius:1%;}
		.rightbox{width:65%;height:800px;background:white;margin-left: 2.5%;margin-top: 1%;float:left;border: 2px solid #DADADA;border-radius:0.5%;}
		
		.hand{width:40%;margin: 0 auto;padding-top: 5%;}
			
		.fontleft{font-size: 1rem;font-weight: 700;margin:0 auto;margin-top: 5%;width:15%;}   
		.fontleft2{font-size: 1rem;font-weight: 700;margin:0 auto;margin-top: 5%;width:35%;} 
		
		.leftsvg{margin-left: 1%;display: inline-block;}
		.fontleft3{display: inline-block;font-weight: 700;}
		.fontleft3{display: inline-block;font-weight: 700;}

		.box1{margin-top:8%;margin-left: 4%;}
		.box10{margin-top:3%;margin-left: 4%;}
				.box2{margin-top: 1%;}
		
		.box3{margin-top:3%;}
		
		
		.rightsvg{margin-left:1%;display: inline-block;}
		.fontright{display: inline-block;font-weight:700;}
		.xianzhi1{}
		.xianzhi2{}
		.xianzhi3{}
		.box4{width:60%;height:20px;background:white;display: inline-block;animation:ps 4.5s infinite;}
				.box5{width:25%;height:20px;background:#ffffff;display: inline-block;animation:pr 4.5s infinite;}
				.box6{width:50%;height:20px;background:white;display: inline-block;animation:ai 4.5s infinite;}
.box7{width:45%;height:20px;background:white;display: inline-block;animation:html 4.5s infinite;}
	.box8{width:45%;height:20px;background:white;display: inline-block;animation:sl 4.5s infinite;}
		
		
		li{display: inline-block;}
		ul{display: inline-block;}
		p{padding-left: 5%;}
		
@keyframes ps{
	0%{background:#ffffff;width: 30%;}
	
	100%{background:#26B2F0;width:50%}
		}
		
		@keyframes pr{
	0%{background:#ffffff;width: 20%;}
	
	100%{background:#26B2F0;width:30%}
		}
		
		@keyframes ai{
	0%{background:#ffffff;width: 25%;}
	
	100%{background:#26B2F0;width:40%}
		}
			@keyframes html{
	0%{background:#ffffff;width: 20%;}
	
	100%{background:#26B2F0;width:35%}
		}
			@keyframes sl{
	0%{background:#ffffff;width: 20%;}
	
	100%{background:#26B2F0;width:40%}
		}

		@media screen and (max-width:1130px){
				.fontleft{font-size: 14px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 15%;}  
			.fontleft2{font-size: 14px;font-weight: 700;margin:0 auto;margin-top: 5%;width:35%;}  
			.fontleft3{font-size: 14px;font-weight: 700;margin:0 auto;margin-top: 5%;}
			li{font-size: 14px;}
			p{font-size: 14px;}
				@media screen and (max-width:960px){
		.leftbox{width:30%;height: 800px; background:white;margin-left: 1%;margin-top: 1%;float: left;border: 2px solid #DADADA;border-radius:1%;}
		.rightbox{width:65%;height:675px;background:white;margin-left: 2.5%;margin-top: 1%;float:left;border: 2px solid #DADADA;border-radius:0.5%;}
					
				.fontleft{font-size: 13px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 20%;}  
						.fontleft2{font-size: 13px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 40%;} 
					.fontleft3{font-size: 13px;font-weight: 700;margin:0 auto;margin-top: 5%;}
					li{font-size: 11px;}
								p{font-size: 11px;}

					@media screen and (max-width:690px){
						
				.fontleft{font-size: 12px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 25%;} 
							.fontleft2{font-size: 12px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 45%;} 
						.fontleft3{font-size: 12px;font-weight: 700;margin:0 auto;margin-top: 5%;}
						li{font-size: 10px;}
									p{font-size: 10px;}

						@media screen and (max-width:650px){
						.leftbox{width:93%;height:1150px; background:#ffffff;margin-left: 3%;margin-top: 1%;float: left;border: 2px solid #DADADA;border-radius:1%;}
							
						.fontleft{font-size: 16px;font-weight: 900px;margin:0 auto;margin-top: 5%;width: 15%;} 
							.fontleft2{font-size: 16px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 25%;} 
							.fontleft3{font-size: 16px;font-weight: 700;margin:0 auto;margin-top: 5%;}
							li{font-size: 16px;}
										p{font-size: 16px;}

						.rightbox{width:93%;height:950px;background:#ffffff;margin-left: 2.5%;margin-top: 2%;float:left;border: 2px solid #DADADAe;border-radius:0.5%;}
							
							
							@media screen and (max-width:620px){
								

									.leftbox{width:93%;height: 1050px; background:#ffffff;margin-left: 3%;margin-top: 1%;float: left;border: 2px solid #DADADAe;border-radius:1%;}
								
								
							@media screen and (max-width:500px){
					
							.rightbox{width:93%;height:1000px;background:#ffffff;margin-left: 2.5%;margin-top: 2%;float:left;border: 2px solid #DADADAe;border-radius:0.5%;}	
								
							@media screen and (max-width:420px){
								.leftbox{width:93%;height: 900px; background:#ffffff;margin-left: 3%;margin-top: 1%;float: left;border: 2px solid #DADADA;border-radius:1%;}
								.fontleft{font-size: 16px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 20%;} 
	   .fontleft2{font-size: 16px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 38%;} 
			.fontleft3{font-size: 16px;font-weight: 700;margin:0 auto;margin-top: 5%;}
								li{font-size: 16px;}
											p{font-size: 16px;}
								}
										
	</style>
</head>
<body>
	<div class="leftbox">
 <div class="hand"><img src="img/lyh.jpg" alt="hand"></div>
	<div class="fontleft">李颖豪</div>
		<div  class="fontleft2">在校大学生/广州</div>
		<div class="box1">
		<div class="leftsvg"><img src="img/jbxx.svg" alt="jbxx"  ></div>
		<div class="fontleft3">基本信息:</div></div>
		<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="90%" color=#26B2F0 SIZE=2>
		  <ul>
			  
			  
                    <li>
                        <label> 个人信息</label>
                        <span>李颖豪 / 男 / 18岁</span>
                    </li>
			  <br>
                    <li>
                        <label>学校</label>
                        <span>中山大学南方学院</span>
                    </li>
			  <br>
                    <li>
                        <label>专业</label>
                        <span>数字媒体技术</span>
                    </li>
                </ul>
			
		<div class="box1">
		<div class="leftsvg"><img src="img/lxfs.svg" alt="lxfs"  ></div>
		<div class="fontleft3">联系方式:</div></div>
		<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="90%" color=#26B2F0 SIZE=2>	
			  <ul>
                    <li>
                        <label>手机</label>
                        <span>18926913500</span>
                    </li>
				  <br>
                    <li>
                        <label>邮箱</label>
                        <span>1115203875@qq.com</span>
                    </li>
				  <br>
                    <li>
                        <label>Github</label>
                        <span>github.com/studentKyle</span>
                    </li>
                </ul>
				<div class="box1">
		<div class="leftsvg"><img src="img/gxjn.svg" alt="jbxx"  ></div>
				<div class="fontleft3">各项技能</div></div>
		<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="90%" color=#26B2F0 SIZE=2>
			
<div class="xianzhi1">	 
	 <ul></ul> <li>PS</li>
	<div class="box4"></div></div>	
	  
	  
	  <div class="xianzhi2">	  
		   <ul></ul><li>PR</li>
	<div class="box5"></div></div>	
	  
	  
	    <div class="xianzhi3">	  
			 <ul></ul><li>AI</li>
	  <div class="box6"></div></div>	
					   
			<div class="xianzhi3">	  
				 <ul></ul><li>HTML</li>
	   <div class="box7"></div>		</div>	
					   
			<div class="xianzhi3">	  
				 <ul></ul><li>摄录</li>
	  <div class="box8"></div></div>		
	</div>
			
	<div class="rightbox">
			<div class="box3">
				<div class="box10">
		<div class="rightsvg"><img src= "img/jy.svg" alt="jy"></div>
					<div class="fontright">教育经历</div>	</div>
				
	  <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="90%" color=#26B2F0 SIZE=1>
		
		  <div class="xianzhi4">
		 <p>•井岸镇第一小学（小学）<font style="padding-left: 55%">2016.9-2012.6</font></p>
				  <p>•斗门区第四中学（初中）<font style="padding-left: 55%">2012.9-2015.6</font></p>
				  <p>•和风中学（高中）<font style="padding-left: 61.5%">2015.9-2018.6</font></p>
			  <p>•中山大学南方学院（大学）<font style="padding-left: 53%">2018.9-今</font></p>
			  
			   </div>
					
			<div class="box10">
		<div class="rightsvg"><img src= "img/xq.svg" alt="xq"></div>
					<div class="fontright">兴趣爱好</div>	</div>
				 <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="90%" color=#26B2F0 SIZE=1>
			
			 <p>喜欢唱，跳，rap，篮球。</p>
				  <p>对网络管理有一定了解，有较好的文字写作功底。</p>
				  <p></p>
			  <p>电脑应用熟练，熟练操作Word,Excel,,Outlook, ERP等各种办公软件。</p>
					 <div class="box10">
		<div class="rightsvg"><img src= "img/shsj.svg" alt="jy"></div>
					<div class="fontright">社会实践</div>	</div>
				
	  <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="90%" color=#26B2F0 SIZE=1>
		
		  <div class="xianzhi4">
		 <p>•连州国际摄影展志愿者<font style="padding-left: 54.5%">2018.11-2018.12</font></p>
				  <p>•麻村小学义教<font style="padding-left: 63%">2018.11</font></p>
				 <p>•校园环校跑<font style="padding-left: 65%">2018.12</font></p>
			  
			  
			   </div>
					 
					 <div class="box10">
		<div class="rightsvg"><img src= "img/zwpj.svg" alt="xq"></div>
					<div class="fontright">自我评价</div>	</div>
				 <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="90%" color=#26B2F0 SIZE=1>
			<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;待人真诚热情、为人随和、善于沟通、有良好的人际关系和很强的适应能力。上进心强、勤于学习能不断进步自身的能力与综合素质，做事情有主见，敢于承担责任，脚踏实地，坚持自己的梦想和本心。
					 <br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;忠实诚信,讲原则,说到做到,决不推卸责任;有自制力,做事情始终坚持有始有终,从不半途而废;肯学习,有问题不逃避,愿意虚心向他人学习;自信但不自负,不以自我为中心;愿意以谦虚态度赞扬接纳优越者,权威者;会用100%的热情和精力投入到工作中;平易近人。为人诚恳,性格开朗,积极进取,适应力强、勤奋好学、脚踏实地,有较强的团队精神,工作积极进取,态度认真。
					 </p>
		
			
			</div>
		
		
			
			</div>
	
</body>
</html>

